<div nz-row nzType="flex" nzGutter="16" *ngIf="lateList && lateList.length; else empty" class="user-container">
  <div nz-col class="user-item" nzSpan="4" *ngFor="let user of lateList">
    <div class="user-photo">
      <img [src]="user.employee.photo" />
    </div>
    <div class="user-info">
      <div class="username">{{ user.employee.name }}</div>
      <div class="department">{{ user.employee.department }}</div>
    </div>
  </div>
</div>
<ng-template #empty>
  <nz-empty></nz-empty>
</ng-template>

<div class="info-title row around-span no-wrap">
  <div>{{ title }}</div>
</div>
<div class="info-title1 row around-span no-wrap">
  <div></div>
</div>
<div class="info-card row around-span no-wrap">
  <div>今日打卡人数: {{ lateInfo?.normalAmt }}人/次</div>
  <div>{{ title }}: {{ lateInfo?.lateAmt }}人/次</div>
  <div>当前日期: {{ today | date: 'yyyy年MM月dd日' }}</div>
</div>
